@charset "utf-8";
/* CSS Document */

/*
 * @Author: hbiao 
 * @Date: 2018-01-20 15:20:00 
 * @Last Modified by:   hbiao 
 * @Last Modified time: 2018-01-20 15:20:00 
 */


/* Title */
.Title{width: 100%;text-align: center;width: 1200px;margin: 0 auto;padding-top: 46px;}
.Title h2{font-size: 36px;color: #333333;font-weight: normal;}
.Title h2 a{color: #333333;text-decoration: none;}
.Title i{display: block;width: 1200px;height: 3px;margin: 6px 0 16px 0;}
.Title i img{display: block;width: 1200px;height: 3px;}
.Title p{font-size: 18px;color: #999999;}


/* banner */
.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:550px; overflow:hidden;}
#flashs .btn{ width: 100%;position: absolute;left: 0;bottom: 15px;text-align: center;z-index: 998;}
#flashs .btn span{display:inline-block;display: inline-block;width: 12px;height: 12px;background: #1e1e1e;border-radius: 50%;margin: 0 2px;cursor: pointer;}
#flashs .btn span.cur {background: #282828;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}

/* search */
.search{width: 100%;height: 70px;border-bottom: 1px solid #dedede;}
.search p{float: right;height: 70px;line-height:70px;font-size: 14px;color: #333333;}
.search p a{font-size: 14px;color: #666666;font-weight: normal;}
.search .Input{width: 372px;height: 35px;line-height: 35px;float: left;margin-top: 17px;position: relative;background: url(../images/searchbg.png) no-repeat center;}
.search .Input input{font-size: 14px;outline: none;border: none;color: #333333;height: 35px;line-height: 35px;width: 310px;padding-left: 18px;background: none;float: left;}
.search .Input a{display: block;width: 44px;height:33px;background: url(../images/searchbtn.png) no-repeat center;float: right;}


/* partner */
.partner{width: 100%;padding-bottom: 30px;}
.partner .mainCon{width: 100%;margin: 18px auto 0;position: relative;}
.partner .mainCon .btn{display: block;width: 51px;height: 51px;overflow: hidden;position: absolute;top: 100px;cursor: pointer;z-index: 99;}
.partner .mainCon .prev{left: -72px;}
.partner .mainCon .next{right: -72px;}
.partner .mainCon .btn img{display: block;width: 51px;height:102px;position: relative;}
.partner .mainCon .btn:hover img{top: -51px;}
.partner .mainCon .box{width: 100%;overflow: hidden;height: 269px;position: relative;}
.partner .mainCon .box ul{position: absolute;left: 0;top: 0;width: 102%;}
.partner .mainCon li{float: left;width: 231px;margin-right: 11px;}
.partner .mainCon li span{display: block;width: 229px;height: 229px;border: 1px solid #f1f1f1;}
.partner .mainCon li img{display: block;width: 229px; height: 229px; }
.partner .mainCon li a{text-decoration: none;display: block;}
.partner .mainCon li em{font-size: 14px;color: #333333;display: block;text-align: center;margin-top: 8px;}


/* product */
.product{width: 100%;background: #f8f8f8;padding-bottom: 50px;}
.product .mainCon{margin-top: 20px;}
.product .mainCon .menu{width: 100%;text-align: center;}
.product .mainCon .menu a{display: inline-block;height: 48px;*display: inline-block;line-height: 48px;text-align: center;text-decoration: none;font-size: 16px;color: #666666;padding: 0 30px;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;background: #fff;}

.product .mainCon .menu a:first-child{border-left: 1px solid #f2f2f2;border-radius: 24px 0 0 24px;position: relative;right: -2px;}
.product .mainCon .menu a.last{border-radius: 0 24px 24px 0;position: relative;left: -2px;}
.product .mainCon .menu a.cur{background: #282828;color: #fff;border-color: #282828;}
.product .mainCon .con{margin-top: 23px;overflow: hidden;position: relative;}
.product .mainCon .con ul{width: 105%;}
.product .mainCon .con li{width: 293px;float: left;margin-right: 17px;margin-bottom: 27px;}
.product .mainCon .con li .Pic{width: 100%;height: 221px;overflow: hidden;display: block;border: 1px solid #ececec;}
.product .mainCon .con li .Pic span{width: 100%;height: 321px;overflow: hidden;display: block;}
.product .mainCon .con li .Pic img{display:block;width: 100%;height: auto;transform: scale(1);transition: all 1s ease-out;}
.product .mainCon .con li .intro{width: 100%;height: 114px;text-align: center;padding-top: 22px;position: relative;border: 1px solid #f2f2f2;border-top: none;}
.product .mainCon .con li .intro h3{font-size: 18px;color: #333333;margin-bottom: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:normal;padding: 0 16px;}
.product .mainCon .con li .intro h3 a{color: #333333;text-decoration: none;}
.product .mainCon .con li .intro .btn{overflow: hidden;width: -webkit-fill-available;height: 42px;width: 90%;background: url(../images/productbg02.png) no-repeat center;margin: 0 auto;background-size: 100%;}
.product .mainCon .con li .intro .btn a{display: block;width: 130px;height: 42px;line-height: 42px;text-align: center;float: left;font-size: 16px;color: #333333;text-decoration: none;}
.product .mainCon .con li .intro .btn a:first-child{border-right: 1px solid #eaeaea;}
.product .mainCon .con li .intro .btn a:hover{color: #fff;}
.product .mainCon .con li .intro .btn a.more:hover{background: url(../images/productbg03.png) no-repeat left center;}
.product .mainCon .con li .intro .btn a.zx:hover{background: url(../images/productbg04.png) no-repeat right center;}
.product .mainCon .con li:hover .Pic img{transform: scale(1.2);}
.product .mainCon .con a.proMore{display: block;width: 200px;height: 50px;line-height: 50px;text-align: center;border-radius: 24px;background: #282828;font-size: 16px;color: #fff;margin: 18px auto 0;text-decoration: none;}


/* choose */
.choose{width: 100%;background: #282828;padding-bottom: 67px;overflow: hidden;position: relative;}
.choose .Title{padding-top: 64px;}
.choose .Title h2 img{display: block;margin: 0 auto;}
.choose .Title p{color: #fff;margin: 8px 0;}
.choose .Title span{font-size: 11px;color: #fff;display: block;text-align: center;}
.choose .mainCon{margin-top: 20px;}
.choose .mainCon{width: 100%;margin: 0 auto;padding-top: 49px;position: relative;}
.choose .mainCon .con{border-top: 1px solid #ff9f17;padding-top: 58px;height: 132px;}
.choose .mainCon .con:first-child{border-top:none;}
.choose .mainCon .con .container{overflow: hidden;position: relative;}
.choose .mainCon .con dl{width:396px;height: 132px;position: relative;}
.choose .mainCon .con dl.dl1{float: left;margin-left: 58px;left: -600px;}
.choose .mainCon .con dl.dl2{float: right;margin-right:58px;text-align: right;right: -600px;}
.choose .mainCon .con dt{float: left;position: relative;height: 132px;}
.choose .mainCon .con dd{width: 326px;float: right;}
.choose .mainCon .con dt h3{font-size: 24px;color: #fff;}
.choose .mainCon .con dt p{font-size: 14px;color: #fff;margin-top: 10px;line-height:18px;}
.choose .mainCon .con dt span{display: block;font-size: 18px;color: #ff9f17;position: absolute;left: 0;bottom: 10px;}
.choose .mainCon .Pic{width: 1200px;left: 50%;margin-left: -640px;position: absolute;top: 66px;}
.choose .mainCon .Pic img{position: absolute;left: 467px;}
.choose .mainCon .con dl.dl2 dt span{right: 0;}
.choose .mainCon .choose-phone{width: 445px;height: 50px;margin: 40px auto 0;background: url(../images/choosebg01.png) no-repeat center;overflow: hidden;position: relative;top: 200px;}
.choose .mainCon .choose-phone a{display: block;float: left;width: 204px;height: 50px;line-height: 50px;font-size: 18px;color: #333333;text-align: center;text-decoration: none;}
.choose .mainCon .choose-phone span{display: block;font-size: 18px;color: #fff;line-height: 50px;text-indent: 16px;}


/* case */
.case{width: 100%;background: #f8f8f8;height: 560px;}
.case .mainCon{width: 100%;margin-top: 26px;}
.case .mainCon .menu{width: 417px;height: 50px;overflow: hidden;margin: 0 auto;}
.case .mainCon .menu a{display: block;width: 206px;height: 48px;border: 1px solid #f2f2f2;float: left;line-height: 48px;text-align: center;font-size: 16px;color: #333333;text-decoration: none;font-weight: bold;background: #e4e4e4;}
.case .mainCon .menu a:first-child{border-right: none;border-radius: 24px 0 0 24px;}
.case .mainCon .menu a.cur{background: #282828;color: #fff;border-color: #282828;}
.case .mainCon .menu a.last{border-radius: 0 24px 24px 0;}
.case .mainCon .conBox{width: 100%;margin-top: 48px;height: 368px;overflow: hidden;position: relative;}
.case .mainCon .conBox .box{position: relative;height: 368px;overflow: hidden;}
.case .mainCon .conBox ul{width: 104%;position: absolute;left: 0;top: 0;}
.case .mainCon .conBox li{padding: 19px 18px 0;width: 342px;height: 347px;float: left;margin-right: 27px;border: 1px solid #ececec;background: #fff;}
.case .mainCon .conBox li span{display: block;width: 342px;height: 279px;overflow: hidden;}
.case .mainCon .conBox li img{display: block;width: 342px;height: 279px;transition: all 1s ease-out;}
.case .mainCon .conBox li em{height: 68px;display: block;text-align: center;line-height: 68px;font-size: 18px;color: #333333;font-weight: bold;}
.case .mainCon .conBox li a{text-decoration: none;}
.case .mainCon .conBox li:hover img{transform: scale(1.2);}


/* adv */
.adv{width: 100%;padding-top: 118px;}
.adv .Title{padding-top: 0px;}
.adv .Title h2 img{display: block;margin: 0 auto;}
.adv .Title p{color: #666666;margin: 8px 0;}
.adv .Title span{font-size: 11px;color: #9f9f9f;display: block;text-align: center;}
.adv .mainCon{margin-top: 30px;}
.adv .mainCon .con{height: 417px;overflow:hidden;position: relative;}
.adv .mainCon .con1{background: url(../images/advpic_01.jpg) no-repeat center;}
.adv .mainCon .con2{background: url(../images/advpic_02.jpg) no-repeat center;}
.adv .mainCon .con3{background: url(../images/advpic_03.jpg) no-repeat center;}
.adv .mainCon .con4{background: url(../images/advpic_04.jpg) no-repeat center;height: 418px;}
.adv .mainCon .con h3{font-size: 24px;color: #282828;font-weight: normal;}
.adv .mainCon .con p{font-size: 24px;color: #333333;font-weight: bold;}
.adv .mainCon .con ul{margin-top: 34px;}
.adv .mainCon .con li{padding-left: 22px;background: url(../images/adv_icon01.png) no-repeat left 6px;line-height: 18px;margin-bottom: 16px;font-size: 14px;color: #999999;}
.adv .mainCon .con .box{padding-top: 122px;margin-left: 62px;width: 484px;position: relative;top: 500px;position: 0;}
.adv .mainCon .con1 .box,.adv .mainCon .con3 .box{width: 510px;margin-left: 658px;}


/* flow */
.flow{width: 100%;background: #f8f8f8;padding-bottom: 78px;}
.flow .Title{padding-top: 50px;}
.flow .Title h2 img{display: block;margin: 0 auto;}
.flow .Title p{color: #666666;margin: 8px 0;}
.flow .mainCon{margin-top: 58px;}
.flow .mainCon img{display: block;margin-left: 30px;}
.flow .mainCon ul{margin-left: 30px;margin-top: 16px;}
.flow .mainCon li{width: 140px;margin-left: 60px;text-align: center;font-size: 16px;color: #000000;float: left;}
.flow .mainCon li:first-child{margin-left: 0;}

/* appraise */
.appraise{width: 100%;background: #282828;padding-bottom: 60px;}
.appraise .Title{padding-top: 56px;}
.appraise .Title h2{font-size: 36px;}
.appraise .Title h2 a{color: #fff;}
.appraise .Title p{color: #fff;margin-top: 2px;}
.appraise .mainCon{margin-top: 42px;}
.appraise .mainCon .conBox{width: 100%;position: relative;height: 427px;overflow: hidden;}
.appraise .mainCon .conBox ul{width: 104%;position: absolute;left: 0;top: 0;}
.appraise .mainCon .conBox li{width: 280px;float: left;background: #fff;height: 427px;margin-right: 27px;position: relative;}
.appraise .mainCon .conBox li h3{width: 252px;height: 52px;line-height: 52px;margin: 0 auto;font-size: 18px;color: #000000;font-weight: normal;border-bottom: 1px solid #efefef;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 20px;}
.appraise .mainCon .conBox li p{padding: 0 12px;line-height: 24px;font-size: 14px;color: #666666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height:93px;}
.appraise .mainCon .conBox li a{text-decoration: none;display: block;}
.appraise .mainCon .conBox li span{display: block;width: 280px;height: 228px;overflow: hidden;}
.appraise .mainCon .conBox li span img{display: block;width: 280px;height: 228px;transition: all 1s ease-out;}
.appraise .mainCon .conBox li:hover span img{transform: scale(1.2);}
.appraise .mainCon .conBox li i{display: block;width: 25px;height: 25px;position: absolute;right: 0;bottom: 0;}
.appraise .mainCon .conBox li i img{display: block;width: 25px;height: 25px;}
.appraise .mainCon .btnBox{width: 384px;margin: 48px auto 0;height: 53px;}
.appraise .mainCon .btnBox a{display:block;height: 53px;float: left;}
.appraise .mainCon .btnBox a.appraise-btn{width: 53px;}
.appraise .mainCon .btnBox a.prev{background: url(../images/appraisebtn.png) no-repeat center top;}
.appraise .mainCon .btnBox a.next{background: url(../images/appraisebtn.png) no-repeat bottom;}
.appraise .mainCon .btnBox a.more{width: 258px;line-height: 53px;text-align: center;font-size: 14px;color: #fff;text-decoration: none;background: url(../images/appraise_ty.png) no-repeat center;margin: 0 10px;}

/* about */
.about{width: 100%;}
.about .conBox1{width: 100%;padding: 50px 0 20px 0;background: url(../images/aboutbg01.jpg);}
.about .conBox1 dl{background: #fff;height: 400px;}
.about .conBox1 dt{width: 587px;height: 400px;float: left;}
.about .conBox1 dt img{display: block;width: 587px;height: 400px;}
.about .conBox1 dd{width: 570px;float: left;margin-left: 28px;position: relative;padding-top: 46px;height: 354px;}
.about .conBox1 dd h3{font-size: 36px;color: #282828;}
.about .conBox1 dd h3 a{color: #282828;text-decoration: none;}
.about .conBox1 dd span{display: block;font-weight: bold;font-family: arial;font-size: 47px;text-transform: uppercase;color: #dedede;position: absolute;right: 0;top: 46px;}
.about .conBox1 dd p{line-height: 25px;color: #666666;margin-top: 24px;font-size: 14px;}
.about .conBox1 dd p em{color: #333333;font-weight: bold;}
.about .conBox1 dd .btn{position: absolute;left: 0;bottom: 36px;height: 55px;}
.about .conBox1 dd .btn a{height: 55px;line-height: 55px;width: 160px;float: left;text-align: center;text-decoration:none;display: block;background: #dedede;border-right: 1px solid #fff;font-size: 18px;color: #333333;font-weight: bold;}
.about .conBox1 dd .btn a:hover{background: #282828;color: #fff;}
.about .conBox1 dd .btn a.cur{background: #282828;color: #fff;}
.about .conBox2{width: 100%;background: #fff;padding: 20px 0;}
.about .conBox2 .container{padding: 0 34px;width: 1132px;}
.about .conBox2 .menu{width: 100%;border-bottom: 1px solid #e2e2e2;margin-bottom: 20px;padding-bottom: 20px;}
.about .conBox2 .menu li{float: left;font-size: 18px;color: #999999;position: relative;padding: 0 20px;border-left: 1px solid #e2e2e2;}
.about .conBox2 .menu li a{display: block;color: #999999;text-decoration: none;position: relative;}
.about .conBox2 .menu li:first-child{padding-left: 0;border-left: none;}
.about .conBox2 .menu li i{display: none;width: 100%;position: absolute;left: 0;height: 2px;background: #282828;bottom: -21px;}
.about .conBox2 .menu li i span{display: block;width: 7px;height: 4px;position: absolute;left: 50%;margin-left: -3px;top: -3px;background: url(../images/about_icon01.png) no-repeat center}
.about .conBox2 .menu li.cur i{display: block;}
.about .conBox2 .menu li.cur a{color: #333333;}
.about .conBox2 .con{width: 100%;overflow: hidden;position: relative;height: 208px;}
.about .conBox2 .con ul{width: 104%;}
.about .conBox2 .con li{float: left;width: 259px;margin-right: 32px;text-align: center;}
.about .conBox2 .con li img{display: block;width: 259px;height: 177px;transition: all 1s ease-out;}
.about .conBox2 .con li span{display: block;width: 259px;height: 177px;overflow: hidden;}
.about .conBox2 .con li em{font-size: 14px;color: #333333;display: block;margin-top: 14px;}
.about .conBox2 .con li a{display:block;text-decoration: none;}



/**/
.news {background: #f5f5f5;padding-bottom: 30px;}

.news .menu{background: url(../images/news_xian.png) no-repeat center;width: 100%;height: 50px;margin: 26px auto 40px;}
.news .menu .box{width: 417px;height: 50px;overflow: hidden;margin: 0 auto;}
.news .menu a{display: block;width: 206px;height: 48px;border: 1px solid #f2f2f2;float: left;line-height: 48px;text-align: center;font-size: 16px;color: #333333;text-decoration: none;font-weight: bold;background: #e4e4e4;}
.news .menu a:first-child{border-right: none;border-radius: 24px 0 0 24px;}
.news .menu a.cur{background: #282828;color: #fff;border-color: #282828;}
.news .menu a.last{border-radius: 0 24px 24px 0;}


.news .news_con .concase {display: none;}
.news .news_con .concase.cur {display: block;}
.news .news_con .conleft {width: 372px;height: 345px;background: #fff;}
.news .news_con .conleft dt {height: 114px;}
.news .news_con .conleft dd.dd1 {height: 90px;margin-top: 15px;padding: 0 15px 0 110px;position: relative;}
.news .news_con .conleft dd.dd1 span {display: block;width: 79px;height: 75px;position: absolute;left: 15px;top: 10px;}
.news .news_con .conleft dd.dd1 span i {display: block;height: 37px;line-height: 37px;text-align: center;background: #ff9c14;color: #fff;font-size: 30px;font-style: normal;font-weight: bold;font-family: arial;}
.news .news_con .conleft dd.dd1 span em {display: block;height: 37px;line-height: 37px;text-align: center;background: #282828;color: #fff;font-size: 14px;}
.news .news_con .conleft dd.dd1 .dd1_p1 {padding: 10px 0 15px 0;font-size: 18px;}
.news .news_con .conleft dd.dd1 .dd1_p1 a {color: #282828;text-decoration: none;}
.news .news_con .conleft dd.dd1 .dd1_p2 {font-size: 12px;}
.news .news_con .conleft dd.dd1 .dd1_p2 i {float: left;height: 20px;line-height: 20px;padding-left: 25px;background: url(../images/newsicon01.png) no-repeat 5px center;margin-right: 15px;font-style: normal;}
.news .news_con .conleft dd.dd1 .dd1_p2 em {float: left;height: 20px;line-height: 20px;padding-left: 25px;background: url(../images/newsicon02.png) no-repeat 5px center;}
.news .news_con .conleft dd.dd2 {padding: 0 15px;margin-top: 15px;line-height: 24px;font-size: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: 96px;color: #666666;}
.news .news_con .conleft dd.dd2 a{color: #666666;}
.news .news_con .conright {width: 790px;}
.news .news_con .conright .r_case {padding: 18px 18px 18px 90px;position: relative;width: 265px;background: #fff;height: 64px;margin:0 0 20px 40px;border: 1px solid #999999;float: left;}
.news .news_con .conright .r_case.bdnot {margin-left: 0;}
.news .news_con .conright .r_case span {display: block;width: 64px;height: 64px;position: absolute;left: 15px;top: 18px;background: #999999;}
.news .news_con .conright .r_case span i {display: block;padding-top: 8px; text-align: center;color: #fff;font-size: 24px;font-weight: bold;font-style: normal;}
.news .news_con .conright .r_case span em {display: block;text-align: center;color: #fff;font-size: 14px;}
.news .news_con .conright .r_case .case_p1 {font-size: 14px;color: #333333;font-weight: bold;}
.news .news_con .conright .r_case .case_p2 {margin-top: 5px;height: 40px;line-height: 20px;font-size: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .news_con .conright .r_case:hover {border: 1px solid #282828;}
.news .news_con .conright .r_case:hover span {background: #282828;}
.news .news_con .conright .r_case:hover .case_p1 {color: #282828;}

/* link */
.link{width: 100%;}
.link dt{height: 74px;line-height: 74px;font-size: 18px;color: #333333;border-bottom: 1px solid #f5f5f5;}
.link dt a{color: #333333; text-decoration: none;}
.link dt em{font-family: arial;}
.link dd{padding: 24px 0 14px 0;overflow: hidden;}
.link dd a{display: block;float: left;font-size: 12px;color: #333333;padding: 0 28px;border-left: 1px solid #e9e9e9;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}